<template>
	<view class="search-box animate__animated animate__fadeIn">
		<u-search 
		:placeholder="searchPlaceholder" 
		v-model="keyword" 
		animation clearabled 
		:focus="focus"
		bgColor="white"
		@search="searchChange"
		@custom="searchChange"
		></u-search>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				keyword: '',
				focus:false
			}
		},
		mounted() {
			this.focus = true
		},
		methods:{
			// 搜索触发
			searchChange(e)
			{
				this.$emit('searchBtn',e)
			}
		}
	}
</script>

<style scoped lang="scss">
.search-box{
	padding: 40rpx 40rpx;
	padding-bottom: 20rpx;
}
</style>